<template>
<!-- 顶部通栏 -->
<AppNavbar/>
<!-- 头部组件 -->
<AppHeader/>
 <!-- 2.2 固定头部布局-->
 <AppHeaderSticky />
<!-- 内容容器 -->
<div class="app-body">
<!-- 二级路由 -->
<RouterView />
</div>
<!-- 底部组件 -->
<AppFooter />
</template>
<script>
import AppNavbar from '@/components/app-navbar.vue'
import AppHeader from '@/components/app-header'
import AppFooter from '@/components/app-footer'
import AppHeaderSticky from '@/components/app-header-sticky.vue'
import { useStore } from 'vuex'
export default{
    name:'Layout',
    components:{
        AppNavbar,
        AppHeader,
        AppFooter,
        AppHeaderSticky
    },
    // 获取下分类数据
    setup(){
      const store=useStore()
      store.dispatch('category/getList')
    }
}
</script>
<style scoped lang="less">
.app-body {
  min-height: 600px;
}
</style>